<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!-- 1.每个父DIV尺寸必须大于子DIV
	      2.实现每个DIV在父DIV正中间
	      3.每个DIV至少要包含一个非DIV元素，比如：文字，P标签，A标签，图片等
	      4.通过最底层DIV，打印每层父DIV，如：
		1级父元素为（），1级父节点为（）
		2级父元素为（），2级父节点为（）
		....
	      5.查找每个DIV的子元素和子节点 -->
	<body>
		<div id="dv1" style="width: 500px; height: 500px; background-color: blue;">
			<p>第一段落</p>
			<div id="dv2" style="width: 400px ; height: 400px; background-color: beige;">
				第二个div
				<div id="dv3" style="width: 300px; height: 300px; background-color: blueviolet;">
					<p>第三段落</p>
						<div id="dv4" style="width: 200px; height: 200px; background-color: red;">
							<p>第四段落</p>	
						</div>
		
				</div>
				
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
		var obj1=document.getElementById('dv4')
		console.log('一级父元素如下')
		console.log(obj1.parentElement)
		console.log('二级父元素如下')
		console.log(obj1.parentElement.parentElement)
		console.log('三级父元素如下')
		console.log(obj1.parentElement.parentElement.parentElement)
		
		
		
	</script>
</html>
